<template>
  <div>
    <h2>租户<span>XXX</span>的用户计费如下<b style="background-color:yellow">(每次滑动20条就会向后端发起请求，请求后二十条数据)</b></h2>
    <div id="info">
      <el-table
          :data="tableData"
          style="width: 100%">
        <el-table-column
            prop="name"
            label="姓名"
            width="180">
        </el-table-column>
        <el-table-column
            prop="fee"
            label="资费(￥)"
            width="180">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: "ViewLesseeFee",
  data(){
    return{
      tableData: [{
        name: "王小明",
        fee:1.0
      }, {
        name: "王小明",
        fee:1.0
      }, {
        name: "王小明",
        fee:1.0
      }, {
        name: "王小明",
        fee:1.0
      },{
        name: "王小明",
        fee:1.0
      },{
        name: "王小明",
        fee:1.0
      },{
        name: "王小明",
        fee:1.0
      },{
        name: "王小明",
        fee:1.0
      },{
        name: "王小明",
        fee:1.0
      },{
        name: "王小明",
        fee:1.0
      },{
        name: "王小明",
        fee:1.0
      },{
        name: "王小明",
        fee:1.0
      },
      ]
    }
  }
}
</script>

<style scoped>
el-table{
}

#info{
  height: 65%;
  overflow: scroll;
}
</style>